@charset "utf-8";

.ellipsis {
    @include ellipsis();
}
@media screen and (min-width: 500px) {
    html {
        font-size: 120px;
    }
}
#app {
	.index {
		@include flexbox();
		@include flex-direction(column);
		height: 100%;
		overflow: hidden;
		section {
            @include flex();
            @include flex-direction(column);
			width: 100%;
			overflow-y: scroll;
		}
		footer {
			@include flexbox();
			width: 100%;
			height: .49rem;
			border-top: 1px solid #f6f6f6;
			a {
				@include flex();
				@include flexbox();
				@include flex-direction(column);
				height: .49rem;
				text-align: center;
				color: #000;
				span {
					@include flex();
					display: block;
					width: 100%;
				}
				b {
					display: block;
					font-size: .09rem !important;
					font-weight: normal;
				}
				&.home {
					span {
						background: url(image/tab_home_normal.png) no-repeat center;
					}
					b { color: rgb(126,126,126);}
					&.router-link-active {
						span {
							background: url(image/tab_home_click.png) no-repeat center;
							background-size: 26px;
						}
						b { color: #2dcda4;}
					}
				}
				&.column {
					span {
						background: url(image/tab_column_normal.png) no-repeat center;
					}
					b { color: rgb(126,126,126);}
					&.router-link-active {
						span {
							background: url(image/tab_column_click.png) no-repeat center;
							background-size: 26px;
						}
						b { color: #2dcda4;}
					}
				}
				&.groupbuy {
					span {
						background: url(image/tab_bulk_normal.png) no-repeat center;
					}
					b { color: rgb(126,126,126);}
					&.router-link-active {
						span {
							background: url(image/tab_bulk_click.png) no-repeat center;
							background-size: 26px;
						}
						b { color: #2dcda4;}

					}
				}
				// &.docterRoom {
				// 	span {
				// 		background: url(image/icon_shareclick_clinic@2x_03.png) no-repeat center;
				// 		background-size: 26px;
				// 	}
				// 	b { color: rgb(126,126,126);}
				// 	&.router-link-active {
				// 		span {
				// 			background: url(image/icon_share_clinic@2x_03.png) no-repeat center;
				// 			background-size: 26px;
				// 		}
				// 		b { color: rgb(229,50,45);}
				// 	}
				// }
				&.my {
					span {
						background: url(image/tab_my_normal.png) no-repeat center;
					}
					b { color: rgb(126,126,126);}
					&.router-link-active {
						span {
							background: url(image/tab_my_click.png) no-repeat center;
							background-size: 26px;
						}
						b { color: #2dcda4;}
					}
				}

			}
		}
	}
}